<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="./小米商城.css">
    <link rel="icon" href="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2421326672,887440378&fm=11&gp=0.jpg">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631655_b4re0c0u89b.css">
</head>

<body>
    <!--图片-->
    <div class="yellback">
        <a href="#"><span class="inform">应对疫情小米服务业务调整通知</span></a>
    </div>
    <!--第一个导航条-->
    <div class="firstline">
        <ul>
            <li><a href="#">小米商城<span>|</span></a></li>
            <li><a href="#">MINU<span>|</span></a></li>
            <li><a href="#">loT<span>|</span></a></li>
            <li><a href="#">云服务<span>|</span></a></li>
            <li><a href="#">金融<span>|</span></a></li>
            <li><a href="#">有品<span>|</span></a></li>
            <li><a href="#">小爱开放平台<span>|</span></a></li>
            <li><a href="#">企业团购<span>|</span></a></li>
            <li><a href="#">资质证照<span>|</span></a></li>
            <li><a href="#">协议规则<span>|</span></a></li>
            <li><a class="par1" href="#">
                下载app
                <span>|</span>
                <div class="ang"></div>
                <div class="popup1"></div>
            </a></li>
            <li><a href="#">Select Location</a></li>
            <li><a href="#">登录<span>|</span></a></li>
            <li><a href="#">注册<span>|</span></a></li>
            <li><a href="#">消息通知</a></li>
            <li>
                <a href="#" class="lastinform">
                    <i class="iconfont icon-gouwuche"></i>
                    购物车(0)
                    <div class="popup2">
                        <p class="ad1">购物车中还没有商品，赶紧选购吧！</p>
                    </div>
                </a>

            </li>
        </ul>

    </div>
    <!--第二个导航条-->
    <div class="secondline">
        <div class="pic1"></div>
        <ul>
            <li class="firstli">
                <a href="#">全部商品分类</a>
                <div class="leftcap">
                    <ul>
                        <li><a href="#">手机 电话卡<i class="iconfont icon-jiantouarrow487"></i><div class="b1"></div></a></li>
                        <li><a href="#">电视 盒子<i class="iconfont icon-jiantouarrow487"></i><div class="b2"></div></a></li>
                        <li><a href="#">笔记本 显示器<i class="iconfont icon-jiantouarrow487"></i><div class="b3"></div></a></li>
                        <li><a href="#">家电 插线板<i class="iconfont icon-jiantouarrow487"></i><div class="b4"></div></a></li>
                        <li><a href="#">出行 穿戴<i class="iconfont icon-jiantouarrow487"></i><div class="b5"></div></a></li>
                        <li><a href="#">智能 路由器<i class="iconfont icon-jiantouarrow487"></i><div class="b6"></div></a></li>
                        <li><a href="#">电源 配件<i class="iconfont icon-jiantouarrow487"></i><div class="b7"></div></a></li>
                        <li><a href="#">健康 儿童<i class="iconfont icon-jiantouarrow487"></i><div class="b8"></div></a></li>
                        <li><a href="#">耳机 音箱<i class="iconfont icon-jiantouarrow487"></i><div class="b9"></div></a></li>
                        <li><a href="#">生活 箱包<i class="iconfont icon-jiantouarrow487"></i><div class="b10"></div></a></a></li>
                    </ul>
                </div>
            </li>
            <li><a class="a1" href="#">小米手机<div class="box1"></div></a></li>
            <li><a class="a2" href="#">Redmi 红米<div class="box2"></div></a></li>
            <li><a class="a3" href="#">电视<div class="box3"></div></a></li>
            <li><a class="a4" href="#">笔记本<div class="box4"></div></a></li>
            <li><a class="a5" href="#">家电<div class="box5"></div></a></li>
            <li><a class="a6" href="#">路由器<div class="box6"></div></a></li>
            <li><a class="a7" href="#">智能软件<div class="box7"></div></a></li>
            <li><a class="a8" href="#">服务<div class="box8"></div></a></li>
            <li><a class="a9" href="#">社区<div class="box9"></div></a></li>
        </ul> 
        <div class="search"> 
            <div class="outer"> 
                <form action="#">
                    <input class="search-inp" ty class="a1"pe="text" name="goods" value="搜索一下，你就知道">
                </form>
                <button class="search-bu"> 
                    <i class="iconfont icon-fangdajing"></i>
                </button>
            </div>
        </div>
    </div> 

    <!--广告图片-->
    <div class="adp">
        <i class="iconfont icon-angle-left firstp"></i>
        <i class="iconfont icon-angle-right secondp"></i>
        <ul class="dots">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!--右侧导航条-->
    <div class="rightcap">
        <ul>
            <li><a href=""><i class="iconfont icon-shouji1"></i></a></li>
            <li><a href=""><i class="iconfont icon-ren111"></i></a></li>
            <li><a href=""><i class="iconfont icon-banshou"></i></a></li>
            <li><a href=""><i class="iconfont icon-ermai"></i></a></li>
            <li><a href=""><i class="iconfont icon-gouwuche1"></i></a></li>
        </ul>
    </div>

    <!--尾部-->

    <div class="out">

        <ul class="fline">
            <li><a href="#"><i class="iconfont icon-clock"></i><span>小米秒杀</span></a></li>
            <li><a href="#"><i class="iconfont icon-jianzhu"></i><span>企业团购</span></a></li>
            <li><a href="#"><i class="iconfont icon-malu"></i><span>F码通道</span></a></li>
        </ul>
        <ul class="sline"> 
            <li><a href="#"><i class="iconfont icon-dianhuaka"></i><span>米粉卡</span></a></li>
            <li><a href="#"><i class="iconfont icon-yijiuhuanxin"></i><span>以旧换新</span></a></li>
            <li><a href="#"><i class="iconfont icon-dianhuachongzhi"></i><span>话费充值</span></a></li>
        </ul>
    </div>

    <!--下面三个goods-->

    <div class="outback">
        <a class="good1" href="#"></a>
        <a class="good2" href="#"></a>
        <a class="good3" href="#"></a>
    </div>


    <!--大背景-->
    <div class="bg">
    <!--小米商城-->
    <div class="outer01 clearfix">
        <p class="ti">小米闪购</p>
        <a href="#"><i class="iconfont icon-angle-right rb"></i></a>
        <a href="#"><i class="iconfont icon-angle-left lb"></i></a>
        <div class="fleft"><a href="#"></a></div>
        <ul class="fright">
            <li class="box1"><a href="#"></a></li>
            <li class="box2"><a href="#"></a></li>
            <li class="box3"><a href="#"></a></li>
            <li class="box4"><a href="#"></a></li>
        </ul>
        <!--下面的广告条-->
        <a href="#" class="bottp"></a>
    </div>

    <!--手机-->
    <div class="outer02 clearfix">
        <p class="ti">手机</p>
        <p class="check">查看全部<i class="iconfont icon-angle-right rb"></i></p>
        <div class="leftbox01"><a href="#"></a></div>
        <ul class="topul">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomul">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <div class="bottomlong"><a href="#"></a></div>
    </div>

    <!--相同的框架01-->
    <div class="outer03 clearfix">
        <p>家电</p>
        <ul class="fon">
            <li><a href="#">电视影音</a></li>
            <li><a href="#">热门</a></li>
        </ul>
        <ul class="topp">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomp">
            <li class="l1"><a class="b1" href="#"></a></li>
            <li class="l2"><a class="b2" href="#"></a></li>
            <li class="l3"><a class="b3" href="#"></a></li>
            <li class="l4"><a class="b4" href="#"></a></li>
            <li><div class="box1"><a class="top01" href="#"></a></div><div class="box2"><a class="bottom01" href="#"></a></div></li>
        </ul>
        <div class="longad"><a href="#"></a></div>
    </div>

    <!--相同的框架02-->
    <div class="outer03 clearfix">
        <p>智能</p>
        <ul class="fon">
            <li><a href="#">电视影音</a></li>
            <li><a href="#">热门</a></li>
        </ul>
        <ul class="topp">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomp">
            <li class="l1"><a class="b1" href="#"></a></li>
            <li class="l2"><a class="b2" href="#"></a></li>
            <li class="l3"><a class="b3" href="#"></a></li>
            <li class="l4"><a class="b4" href="#"></a></li>
            <li><div class="box1"><a class="top01" href="#"></a></div><div class="box2"><a class="bottom01" href="#"></a></div></li>
        </ul>
        <div class="longad"><a href="#"></a></div>
    </div>

    <!--相同的框架03-->
    <div class="outer03 clearfix">
        <p>搭配</p>
        <ul class="fon">
            <li><a href="#">安防 出行</a></li>
            <li><a href="#">热门</a></li>
        </ul>
        <ul class="topp">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomp">
            <li class="l1"><a class="b1" href="#"></a></li>
            <li class="l2"><a class="b2" href="#"></a></li>
            <li class="l3"><a class="b3" href="#"></a></li>
            <li class="l4"><a class="b4" href="#"></a></li>
            <li><div class="box1"><a class="top01" href="#"></a></div><div class="box2"><a class="bottom01" href="#"></a></div></li>
        </ul>
        <div class="longad"><a href="#"></a></div>
    </div>

    <!--相同的框架04-->
    <div class="outer03 clearfix">
        <p>配件</p>
        <ul class="fon">
            <li><a href="#">电视影音</a></li>
            <li><a href="#">热门</a></li>
        </ul>
        <ul class="topp">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomp">
            <li class="l1"><a class="b1" href="#"></a></li>
            <li class="l2"><a class="b2" href="#"></a></li>
            <li class="l3"><a class="b3" href="#"></a></li>
            <li class="l4"><a class="b4" href="#"></a></li>
            <li><div class="box1"><a class="top01" href="#"></a></div><div class="box2"><a class="bottom01" href="#"></a></div></li>
        </ul>
        <div class="longad"><a href="#"></a></div>
    </div>

    <!--相同的框架05-->
    <div class="outer03 clearfix">
        <p>周边</p>
        <ul class="fon">
            <li><a href="#">电视影音</a></li>
            <li><a href="#">热门</a></li>
        </ul>
        <ul class="topp">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
        <ul class="bottomp">
            <li class="l1"><a class="b1" href="#"></a></li>
            <li class="l2"><a class="b2" href="#"></a></li>
            <li class="l3"><a class="b3" href="#"></a></li>
            <li class="l4"><a class="b4" href="#"></a></li>
            <li><div class="box1"><a class="top01" href="#"></a></div><div class="box2"><a class="bottom01" href="#"></a></div></li>
        </ul>
        <div class="longad"><a href="#"></a></div>
    </div>




    
    </div>    

</body>

</html>